<!-- 缴费 -->
<div class="pay">
  <p class="caption">退租</p>
  <div class="table-operations">
    <button class="btn-normol">全部</button>
    <button class="btn-normol" (click)="filterQuitList_Status(-1)">申请中</button>
    <button class="btn-normol" (click)="filterQuitList_Status(1)">已通过</button>
    <button class="btn-normol" (click)="filterQuitList_isDel(1)">未撤销</button>
    <button class="btn-normol" (click)="filterQuitList_isDel(2)">已撤销</button>
    <button class="btn-normol" *ngIf="quitState" (click)="quitApply()">退租</button>
  </div>
  <nz-table #filterTable
    nzTableLayout="fixed"
    class="pay-table"
    [nzBordered]="true"
    [nzFrontPagination]="true"
    [nzScroll]="{ y: '45rem' }"
  >
    <thead>
      <tr>
        <th>合同编号</th>
        <th>申请时间</th>
        <th>审核状态</th>
        <th>撤销状态</th>
        <th>退款金额</th>
        <th>操作</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let data of quitListFilter">
        <td>{{data.ContractId}}</td>
        <td>{{formatTime(data.CreateTime)}}</td>
        <td>{{data.State===-1 ? '申请中' : '已通过'}}</td>
        <td>{{data.IsDeleted===2 ? '已撤销' : '未撤销'}}</td>
        <td>{{data.Money}}</td>
        <td>
          <button class="btn-normol btn-cancel" *ngIf="data.IsDeleted!==2&&data.State===-1" (click)="cancelQuit(data.Id)">撤销</button>
          <span *ngIf="data.State===1||data.IsDeleted===2">-</span>
        </td>
      </tr>
    </tbody>
  </nz-table>
  <nz-modal
   [(nzVisible)]="quitModal"
   nzTitle="退租申请"
   (nzOnCancel)="handleCancelQuit()"
   (nzOnOk)="handleOkQuit()">
    <ng-container *nzModalContent>
      <p>请确认退租</p>
    </ng-container>
  </nz-modal>
</div>

